/**
 * Created by izbol on 2017/3/15.
 */
$(document).ready(function () {
    //获取元素的样式
    function getbayclass(obj,myclass) {
        var oali=obj.getElementsByTagName('*');
        var resolt=[];
        for (var i=0;i<oali.length;i++){
            if(oali[i].className==myclass){
                resolt.push(oali[i]);
            }
        }
        return resolt;
    }
  var obj=document.getElementsByClassName('tur-contant');
  for (var i=0;i<obj.length;i++){
      obj[i].index=i;
      $(obj[i]).find('a').click(function () {
          $(this).addClass('focus').siblings().removeClass('focus');
      })
  }
    //

    var a=0;//menu
    var b=0;//nav2
    $('.site_container').not($('.site_container').eq(0)).hide();
    $('.menu-bang div').hide();
    $('.menu-bang div').eq(0).show();
    $('.bang-list .bd').hide();
    $('.bang-list .bd').eq(0).show();
    $('.menu:eq(0)').find('li').on('click',function () {
        a=$(this).index();
        $(this).addClass('active').siblings().removeClass('active');
        $('.nav2').find('ul').eq(a).find('li:eq(0)').find('a').append("<i class='bt-s'><i class='bt-ls'></i></i>");
        $('.nav2').find('ul').eq(a).find('li:eq(0)').addClass('active');
        $('.nav2').find('ul').eq(a).show().siblings().hide();
        $('.site_container').eq(a).show().siblings().hide();
        $('.menu-bang div').eq(a).show().siblings().hide();
        $('.bang-list .bd').eq(a).show().siblings().hide();
        $('.nav2').show();
    });

    $('.nav2').find('li').on('click',function () {
        b=$(this).index();
        $(this).find('a').append("<i class='bt-s'><i class='bt-ls'></i></i>");
        $(this).addClass('active').siblings().removeClass('active');
        $('.site_container').eq(a).find('.tab-pane').eq(b).show().siblings().hide();
    });

    //音乐
    var audioEle = document.getElementsByClassName("audio");
    var mp3li = document.getElementsByClassName("mp");
    var yinyue = document.getElementsByClassName("yinyue");
    $('.yinyue').addClass('fa fa-play-circle-o');
    for (var i=0;i<mp3li.length;i++){
        var y=0;
        mp3li[i].index=i;
        mp3li[i].onclick=function () {
            $('.yinyue').removeClass('fa fa-pause-circle-o');
           $('.yinyue').addClass('fa fa-play-circle-o');
           for (var a=0;a<audioEle.length;a++){
               audioEle[a].pause();
           }
            y++;
            if(y==1){
                $(this).find('i').removeClass('fa fa-play-circle-o');
                $(this).find('i').addClass('fa fa-pause-circle-o'); //播放
                audioEle[this.index].play();
            }
            else {
                $(this).find('i').removeClass('fa fa-pause-circle-o');
                $(this).find('i').addClass('fa fa-play-circle-o'); //停
                audioEle[this.index].pause();
                y=0;
            }
        }
    }

//手机的js

    if($(window).width()<480){
        //手机的js
        var l=document.getElementsByClassName('f2');
        var olii=l[0].getElementsByTagName('li');
        var lb=document.getElementsByClassName('navbar-toggle')[0];
        var e=0;
        lb.onclick=function () {
            e++;
            if(e==1){
                for (var i=0;i<olii.length;i++){
                    start(olii[i],{'height':42})
                }
            }
            if(e==2){
                for (var i=0;i<olii.length;i++){
                    start(olii[i],{'height':0});
                    e=0;
                }
            }
        };
        function getbyclass(duixiang,shuxing) {
            if(duixiang.currentStyle){
                return duixiang.currentStyle[shuxing];
            }else {
                return getComputedStyle(duixiang,false)[shuxing];
            }
        }
       //
        var oali=document.getElementsByClassName('tur-contant');
        var st_container=document.getElementsByClassName('site_container');
        var oaa=$('.tur-contant').find('a');
        var ouli=$('.nav2').find('ul').find('li');
       var imindex=0;
        //合并函数
        tab();
        function tab() {
            for (var i=0;i<oali.length;i++){
                var k=0;
                for (var j=0;j<$(oali[i]).find(oaa).length;j++){
                    k=$(oali[i]).find(oaa)[j].offsetWidth+k;
                }
                oali[i].style.width=k+'px';
                if(oali[i].offsetWidth>380){
                    oali[i].style.width=k+120+'px';
                }
                else {
                    oali[i].style.width=k+70+'px';
                }

            }
        }
        //
        for (var u=0;u<ouli.length;u++){
            ouli[u].index=u;
            ouli[u].onclick=function () {
                tab();
            };
        }

        //nav2 > ul
        var oul=$('.nav2').find('ul');
        var oul1=10;
        for (var i=0;i<oul[0].getElementsByTagName('li').length;i++){
            oul1=oul[0].getElementsByTagName('li')[i].offsetWidth+oul1;
        }
        oul[0].style.width=oul1+'px';
        $('.menu li').click(function () {
            var owidth=2;
            var myindex=$(this).index();
            imindex=myindex;
            var oli=oul[myindex].getElementsByTagName('li');
            for (var i=0;i<oli.length;i++){
                owidth=oli[i].offsetWidth+owidth;
            }
            oul[myindex].style.width=owidth+'px';
            if(oul[myindex].offsetWidth<300){
                oul[myindex].style.width=st_container[1].offsetWidth+5+'px'
            }
            //
            tab();
        });
    }

});



